<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./1.head.html">
  <link rel="stylesheet" href="./2.bottom.html">
  <link rel="stylesheet" href="./css/3.index.css">
</head>

<body>
  <header>

  </header>

  <div id="box">
    <div class="screen">

      <ul>
        <li><img src="./images/16.jpg" alt="">
        </li>
        <li><img src="./images/17.jpg" alt=""></li>
        <li><img src="./images/18.jpg" alt=""></li>
        <li><img src="./images/19.jpg" alt="">
          <div class="lunbotutext">
            <h1 class="h1s">新品上市PS3</h1>
            <p class="suishens">随手携带影院|单手可拿</p>
          </div>
        </li>
        <li><img src="./images/20.png" alt=""></li>
        <li><img src="./images/21.jpg" alt=""></li>
      </ul>
      <ol>

      </ol>
    </div>

  </div>
  <div class="button">
    <span id="left">
    </span> <span id="right">
    </span>
  </div>
  <!-- 首页带版心部分 -->
  <div class="s-banxing">
    <div class="divimg">
      <div class="suofang">
        <a href=""><img src="./images/22.jpg" alt=""></a>
      </div>
    </div>
    <div class="divimg">
      <div class="suofang">
        <a href="javascript:;"><img src="./images/23.jpg" alt=""></a>
      </div>
    </div>
    <span>— 探索更多 —</span>

    <div class="s-tansuo">
      <div class="tansuo0">
        <div class="suofang">
          <a href="#">
            <img src="./images/24.gif" alt="">
          </a>
          <h5>LUNA OS 智能系统</h5>
        </div>
      </div>


      <div class="s-lanya">
        <div class="suofang">
          <a href="#">
            <img src="./images/25.jpg" alt="">
          </a>
        </div>
        <h5>蓝牙语音遥控器</h5>
      </div>

      <div class="s-maikefen">
        <div class="suofang">
          <a href="#">
            <img src="./images/26.jpg" alt="">
          </a>
        </div>
        <h5>坚果麦克风Q1</h5>
      </div>



    </div>
    <div class="tanshuo1">
      <div class="zhijia">
        <div class="suofang">
          <a href="#"><img src="./images/27.jpg" alt=""></a>
        </div>
        <h5>地面沉重三角支架</h5>
      </div>
      <div class="shobin">
        <div class="suofang">
          <a href="#">
            <img src="./images/28.jpg" alt="">
          </a>

        </div>
        <p>坚果<br>游戏手柄</p>
      </div>
    </div>
    <div class="huojang">
      <h1>— 获奖项目 —</h1>
      <div class="xiangmuimg">
        <ul>
          <li><a href="#">
              <img src="./images/29.png" alt="">
            </a>
            <p>美国CES创新大奖</p>
          </li>
          <li><a href="#">
              <img src="./images/30.png" alt="">
            </a>
            <p>德国IF设计奖</p>
          </li>
          <li><a href="#">
              <img src="./images/31.png" alt="">
            </a>
            <p>德国红点设计奖</p>
          </li>
          <li><a href="#">
              <img src="./images/32.png" alt="">
            </a>
            <p>日本优良设计奖</p>
          </li>
          <li><a href="#">
              <img src="./images/33.png" alt="">
            </a>
            <p>中国创新设计红星奖</p>
          </li>
          <li><a href="#">
              <img src="./images/34.png" alt="">
            </a>
            <p>台湾金点设计奖</p>
          </li>
        </ul>
      </div>
    </div>
  </div>

  </div>
  <footer>

  </footer>

</body>

</html>
<script src="./js/lunbotu.js"></script>
<script src="./js/jQuery.js"></script>
<script src="./js/3.index.js"></script>
<script>
  $("header").load("1.head.html")
  $("footer").load("2.bottom.html")


</script>